<template>
    <div class="child-one">
        <h2>子组件一</h2>
        <p>这是第一个子组件的内容。</p>
    </div>
</template>

<script>
export default {
    name: 'ChildOne'
};
</script>

<style scoped>
.child-one {
    background-color: #f0f8ff;
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
</style>